<!DOCTYPE HTML>
<html lang="es-ES">
<head>
    <title>Contynfirst</title>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet"href="templates/css/style.css" />
	{literal}
	<script type="text/javascript" src="scripts/misc/functions.js"></script>
	<script type="text/javascript" src="scripts/jquery/jquery.js"></script>
	<script type="text/javascript" src="scripts/websockets/webpush.js"></script>
	<script type="text/javascript" src="scripts/class.Actions.js"></script>
	<script type="text/javascript" src="scripts/class.ServerCallbacks.js"></script>
	<script type="text/javascript" src="scripts/game/bomberman.js"></script>
	<script type="text/javascript" src="scripts/game/bomberman/player.js"></script>
	<script type="text/javascript">
		function initialize()
		{
			Action.OpenSocket();
			
			//Initializes the game
			//Bomberman.Initialize({"display": "canvas", "players": 2}); 
			
			//Executes the game
			//Bomberman.Run();
		}
	</script>
	{/literal}
</head>
<body onload="initialize();">
	<div id="wrapper">
		<div id="games_list">
			<div class="game">
				<div class="name">game_001</div>
				<div class="players">1/4</div>
				<button type="button">access</button>
			</div>
		</div>
		<canvas id="canvas" width="500" height="500" style="display:none">
    	</canvas>
    	<div id="right_column">
    		<div class="title">Socket Status</div>
    		<div id="socket_status" class="red">
    			Disconnected
    		</div>
    		
    		<div class="title">Players</div>
    		<div id="users_list">
	    		
	    	</div>
    	</div>
	</div>
</body>
</html>